<template>
    <div id="footer">
        <div class="gap">
            <Row style="text-align: left; padding: 20px 0">
                <Col span="14" class="cooperation" offset="2">
                    <div>
                        简介：Easy Mall是本人的个人项目，纯属个人业余爱好。
                    </div>
                    <div>相互学习请联系：{{email}}。</div>
                    <div style="padding-top: 30px">作者: @shuaiys</div>

                </Col>
                <Col span="5">
                        <Row style="border:1px solid hsla(0,0%,39.6%,.32);height: 100px;background-color: #1f1f21">
                            <Col span="12">
                                <img style="width: 100px;height: 100px" src="../assets/user/wechat.jpeg">
                            </Col>
                            <Col span="12">
                                <div class="wechat">我的微信</div>
                                <div style="color:#999">扫左侧二维码联系我</div>
                            </Col>
                        </Row>
                </Col>
            </Row>
        </div>

    </div>
</template>

<script>
    export default {
        name: "footer",
        data() {
            return {
                email: "270683780@qq.com"
            }
        }
    }
</script>

<style scoped>
    #footer {
        background-color: #1f1f21;
    }

    .cooperation {
        color: #999;
        font-size: 14px;
    }
    .wechat{
        color: white;
        font-size: 14px;
        padding: 15px 0 10px 10px;
    }

</style>